//基础按钮
.louis-button{
	display: inline-block;
	line-height: 1;
	white-space: nowrap;
	background: #fff;
	color: #FFF;
	box-sizing: border-box;
	text-align: center;
	border: 2rpx solid #dcdfe6;
}

//默认按钮	
.louis-button-default{
	color: #606266;
	padding: 20rpx 20rpx;
	border-color:  #dcdfe6;
	background: #fff;
	@extend .louis-button
}
.louis-button-primary{
	color: #FFF;
	padding: 20rpx 20rpx;
	border-color:  #409eff;
	background: #409eff;
	@extend .louis-button
}
.louis-button-success{
	background-color: #67c23a;
	padding: 20rpx 20rpx;
	border-color: #67c23a;
	@extend .louis-button
}
.louis-button-info{
	background-color: #909399;
	padding: 20rpx 20rpx;
	border-color: #909399;
	@extend .louis-button
}
.louis-button-warning{
	background-color: #e6a23c;
	padding: 20rpx 20rpx;
	border-color: #e6a23c;
	@extend .louis-button
}
.louis-button-danger{
	background-color: #f56c6c;
	padding: 20rpx 20rpx;
	border-color: #f56c6c;
	@extend .louis-button
}

// 按钮缩写

.louis-b-default{
	color: #606266;
	padding: 20rpx 20rpx;
	border-color:  #dcdfe6;
	background: #fff;
	@extend .louis-button
}
.louis-b-primary{
	color: #FFF;
	padding: 20rpx 20rpx;
	border-color:  #409eff;
	background: #409eff;
	@extend .louis-button
}
.louis-b-success{
	background-color: #67c23a;
	padding: 20rpx 20rpx;
	border-color: #67c23a;
	@extend .louis-button
}
.louis-b-info{
	background-color: #909399;
	padding: 20rpx 20rpx;
	border-color: #909399;
	@extend .louis-button
}
.louis-b-warning{
	background-color: #e6a23c;
	padding: 20rpx 20rpx;
	border-color: #e6a23c;
	@extend .louis-button
}
.louis-b-danger{
	background-color: #f56c6c;
	padding: 20rpx 20rpx;
	border-color: #f56c6c;
	@extend .louis-button
}


// 朴素按钮



.louis-button-p-primary{
	color: #409eff;
	background-color: #ecf5ff;
	border-color: #b3d8ff;
	@extend .louis-button
}
.louis-button-p-success{
	color: #67c23a;
	background: #f0f9eb;
	border-color: #c2e7b0;
	@extend .louis-button
}
.louis-button-p-info{
	color: #909399;
	background: #f4f4f5;
	border-color: #d3d4d6;
	@extend .louis-button
}
.louis-button-p-warning{
	color: #e6a23c;
	background: #fdf6ec;
	border-color: #f5dab1;
	@extend .louis-button
}
.louis-button-p-danger{
	color: #f56c6c;
	background: #fef0f0;
	border-color: #fbc4c4;
	@extend .louis-button
}

.louis-b-p-p{
	color: #409eff;
	background-color: #ecf5ff;
	border-color: #b3d8ff;
	@extend .louis-button
}
.louis-b-p-s{
	color: #67c23a;
	background: #f0f9eb;
	border-color: #c2e7b0;
	@extend .louis-button
}
.louis-b-p-i{
	color: #909399;
	background: #f4f4f5;
	border-color: #d3d4d6;
	@extend .louis-button
}
.louis-b-p-w{
	color: #e6a23c;
	background: #fdf6ec;
	border-color: #f5dab1;
	@extend .louis-button
}
.louis-b-p-d{
	color: #f56c6c;
	background: #fef0f0;
	border-color: #fbc4c4;
	@extend .louis-button
}